<!DOCTYPE html PUBLIC '-//W3C//DTD Xhtml 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html>
    <head>
        <title>Radar</title>
		<link href='radar.css' type='text/css' rel='stylesheet' />
    </head>
    <body id='canw-body'>
        <div id='canw-header'>
            <h2 id='canw-name'></h2>
            <h3>Images provided by Environment Canada</h3>
        </div>
        <div id='canw-wrapper0' class='canw-wrapper'>
            <span id='canw-imageDate0' class='canw-imageMeta'></span>
            <img id='canw-image0' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper1' class='canw-wrapper'>
            <span id='canw-imageDate1' class='canw-imageMeta'></span>
            <img id='canw-image1' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper2' class='canw-wrapper'>
            <span id='canw-imageDate2' class='canw-imageMeta'></span>
            <img id='canw-image2' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper3' class='canw-wrapper'>
            <span id='canw-imageDate3' class='canw-imageMeta'></span>
            <img id='canw-image3' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper4' class='canw-wrapper'>
            <span id='canw-imageDate4' class='canw-imageMeta'></span>
            <img id='canw-image4' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper5' class='canw-wrapper'>
            <span id='canw-imageDate5' class='canw-imageMeta'></span>
            <img id='canw-image5' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-wrapper6' class='canw-wrapper'>
            <span id='canw-imageDate6' class='canw-imageMeta'></span>
            <img id='canw-image6' src='' height='480' width='580' alt='Image loading...' />
        </div>
        <div id='canw-sidebar'>
            <input id='canw-buttonAnimate' type='button' value='Animate' />
            <fieldset id='canw-overlays'>
                <legend>Overlays</legend>
                <input id='canw-cities' type='checkbox' value='cities' checked='true' />
                <label for='canw-cities' class='checkboxLabel'>Cities</label><br />
                <input id='canw-moreCities' type='checkbox' value='moreCities' />
                <label for='canw-moreCities' class='checkboxLabel'>More cities</label><br />
                <input id='canw-roads' type='checkbox' value='roads' checked='true' />
                <label for='canw-roads' class='checkboxLabel'>Roads</label><br />
                <input id='canw-roadNumbers' type='checkbox' value='roadNumbers' />
                <label for='canw-roadNumbers' class='checkboxLabel'>Road numbers</label><br />
                <input id='canw-rivers' type='checkbox' value='rivers' />
                <label for='canw-rivers' class='checkboxLabel'>Rivers</label><br />
                <input id='canw-radarCircles' type='checkbox' value='radarCircles' checked='true' />
                <label for='canw-radarCircles' class='checkboxLabel'>RADAR circles</label><br /><br />
                <input id='canw-buttonReload' type='button' value='Reload' />
            </fieldset>
            <input id='canw-buttonOk' type='button' value='Exit' />
        </div>
    </body>
</html>